import React, { Component } from 'react'
import Classify from '@/component/classsify'
import { observer, inject } from 'mobx-react'
import "./singer.css"
@inject("singer")
@observer
export default class singer extends Component<any,any> {
    componentDidMount() {
        this.props.singer.getSingerLis() 
      }
    render() {
        const {singer } = this.props.singer
        console.log(singer);
        
        return (
            <div className="singer">
                <Classify></Classify>
                <div className="singer-list">
                    {
                        singer.map((item:any,index:number)=>{
                            return <dl key={index}>
                                <dd>
                                    <img src={item.picUrl} alt=""/>
                                </dd>
                                <dt>
                                    {item.name}
                                </dt>
                            </dl>
                        })
                    }
                </div>
            </div>
        )
    }
}
